<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">

<%@ taglib uri="http://java.sun.com/jsp/jstl/core"  prefix="c" %>
<%@ taglib uri="http://java.sun.com/jsp/jstl/fmt" prefix="fmt"%>

<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>Insert title here</title>

  <link href="Styles/connect.css" rel="stylesheet" type="text/css">
  <script type="text/javascript" src="Js/jquery.min.js" ></script>
  
  <script type="text/javascript" src="Js/index/index.js"></script>
  
  <!-- 字体特效插件 -->
  <script type="text/javascript" src="Js/fonts/l-by-l.min.js"></script>
  
</head>

<body>
    <div class="main">
        <!--头部-->
        <div class="top">
            <!--left-->
            <div class="top_left">
                <div class="tu_1">
                    <img src="Images/4.png"/>
                </div>
                <div class="word_1">
                    <span><strong>Lmyau's</strong></span>
                    <span><strong>Blog</strong></span>
                </div>
            </div>

            <!--middle-->
            <div class="top_middle">
                <ul>
                    <li><a href="index">博客</a></li>
                    <li><a href="aboutme">关于我</a></li>
                    <li><a href="connect">和我联系</a></li>
                </ul>
            </div>
            <!--right-->
            <div class="top_right">
               <form action="categoryname">
                	<input class="shuru" type="text" name="title">
	               <!--  <div></div> -->
	               <input class="sub" type="submit" value="  ">
                </form>
            </div>
        </div>
        <!--主体部分-->
        <div class="tail">
            <div class="tail_content">
				
				<!--主体左边部分开始 -->
                <div class="tail_left">
                  
                    <div class="conn"><span></span></div>
                    <div class="aname"><span></span></div>
                    <div class="tel"><span></span></div>
                    <div class="email"><span></span></div>
                  
                </div>
                <!--主体左边部分结束-->
            </div>
        </div>
    	
    	<!-- 页脚 -->
   		<div class="footers">
    		<span>&copy; 2018 Lmyau's Blog 版权所有 网站备案号: 豫A111111111</span>
    	</div>
    </div>

</body>


<script>

	jQuery(document).ready(function($){
		
		$(".conn").lbyl({
			content: "connect us",
			speed: 100,
			type: 'show',
			finished: function(){ 
				$('.aname').lbyl({
					content:"author：Lmyau",
					speed: 110,
					type: 'fade',
					fadeSpeed: 500,
					finished:function(){
						$('.tel').lbyl({
							content:"phone：15890094884",
							speed: 120,
							type: 'fade',
							fadeSpeed: 500,
							finished:function(){
								$('.email').lbyl({
									content:"email：869958448@qq.com",
									speed: 150,
									type: 'fade',
									fadeSpeed: 500
								})
							}
						})
					}
				})
			} // Finished Callback
		
		});

	});
</script>

</html>